<html>
<head>
    <link type="text/css" rel="stylesheet" href="css/Audience15Live.css" />
    <link type="text/css" rel="stylesheet" id="skin" href="skin/vista/style.css" />
    <link type="text/css" rel="stylesheet" id="skinposition" href="skin/vista/docked.css" />
    <link type="text/css" rel="stylesheet" id="positionCSS" href="css/docked.css" />
    <link type="text/css" rel="stylesheet" id="dockSize_position" href="css/tall_docked.css" />
    <script type="text/javascript" language="javascript" src="js/Audience15Live.js"></script>
    <script type="text/vbscript" language="vbscript" src="vbs/Audience15Live.vbs"></script>
    <script type="text/javascript" language="javascript" src="js/code.js"></script>
    <script type="text/javascript" language="javascript" src="js/settings.js"></script>	
</head>

<body onLoad="onLoad()" scroll="no"
    ondragleave="javascript:event.returnValue = false" ondragover="javascript:event.returnValue = false">
<div id="TallHandler" class="handler" onmouseenter="PauseAutoChangeTimer();" onmouseleave="PlayAutoChangeTimer();">
    <div class="item" id="itemtall1" onClick="showFlyout('channeltall1');" ondblclick="launchVLC('channeltall1');" onmouseenter="setTitleMovingOn('epg_titletall1');" onmouseleave="setTitleMovingOff('epg_titletall1');">
        <table border="0" cellpadding="0" cellspacing="0" class="line1"> 
            <tr>
                <td class="rank" id="ranktall1"></td>
                <td class="marketshare" id="marketsharetall1"></td>
                <td class="channel" id="channeltall1"></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="line2">
            <tr>
                <td class="epg_title">
                    <span class="epg_title" id="epg_titletall1">
                    </span>
                </td>
                <td class="epg_start_end" id="epg_start_endtall1"></td>
            </tr>
        </table>
    </div>
    <div class="item" id="itemtall2" onClick="showFlyout('channeltall2');" ondblclick="launchVLC('channeltall2');" onmouseenter="setTitleMovingOn('epg_titletall2');" onmouseleave="setTitleMovingOff('epg_titletall2');">
        <table border="0" cellpadding="0" cellspacing="0" class="line1">
            <tr>
                <td class="rank" id="ranktall2"></td>
                <td class="marketshare" id="marketsharetall2"></td>
                <td class="channel" id="channeltall2"></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="line2">
            <tr>
                <td class="epg_title">
                    <span class="epg_title" id="epg_titletall2"></span>
                    <!--<span class="epg_title_marque" id="epg_title_marquetall2"></span>-->
                </td>
                <td class="epg_start_end" id="epg_start_endtall2"></td>
            </tr>
        </table>
    </div>
    <div class="item" id="itemtall3" onClick="showFlyout('channeltall3');" ondblclick="launchVLC('channeltall3');" onmouseenter="setTitleMovingOn('epg_titletall3');" onmouseleave="setTitleMovingOff('epg_titletall3');">
        <table border="0" cellpadding="0" cellspacing="0" class="line1">
             <tr>
                <td class="rank" id="ranktall3"></td>
                <td class="marketshare" id="marketsharetall3"></td>
                <td class="channel" id="channeltall3"></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="line2">
           <tr>
                <td class="epg_title">
                    <span class="epg_title" id="epg_titletall3"></span>
                     <!--<span class="epg_title_marque" id="epg_title_marquetall3"></span>-->
                </td>
                <td class="epg_start_end" id="epg_start_endtall3"></td>
            </tr>
        </table>
    </div>
    <div class="item" id="itemtall4" onClick="showFlyout('channeltall4');" ondblclick="launchVLC('channeltall4');" onmouseenter="setTitleMovingOn('epg_titletall4');" onmouseleave="setTitleMovingOff('epg_titletall4');">   
        <table border="0" cellpadding="0" cellspacing="0" class="line1">
            <tr>
                <td class="rank" id="ranktall4"></td>
                <td class="marketshare" id="marketsharetall4"></td>
                <td class="channel" id="channeltall4"></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="line2">
            <tr>
                <td class="epg_title">
                    <span class="epg_title" id="epg_titletall4"></span>
                     <!--<span class="epg_title_marque" id="epg_title_marquetall4"></span>-->
                </td>
                <td class="epg_start_end" id="epg_start_endtall4"></td>
            </tr>
        </table>
    </div>
    <div class="item" id="itemtall5" onClick="showFlyout('channeltall5');" ondblclick="launchVLC('channeltall5');" onmouseenter="setTitleMovingOn('epg_titletall5');" onmouseleave="setTitleMovingOff('epg_titletall5');">
        <table border="0" cellpadding="0" cellspacing="0" class="line1">
            <tr>
                <td class="rank" id="ranktall5"></td>
                <td class="marketshare" id="marketsharetall5"></td>
                <td class="channel" id="channeltall5"></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="line2">
            <tr>
                <td class="epg_title">
                    <span class="epg_title" id="epg_titletall5"></span>
                    <!--<span class="epg_title_marque" id="epg_title_marquetall5"></span>-->
                </td>
                <td class="epg_start_end" id="epg_start_endtall5"></td>
            </tr>    
        </table>
    </div>
</div>
<div id="SmallHandler" class="handler" onmouseenter="PauseAutoChangeTimer();" onmouseleave="PlayAutoChangeTimer();">
    <div class="item" id="itemsmall1" onClick="showFlyout('channelsmall1');"  ondblclick="launchVLC('channelsmall1');" onmouseenter="setTitleMovingOn('epg_titlesmall1');" onmouseleave="setTitleMovingOff('epg_titlesmall1');">
        <table border="0" cellpadding="0" cellspacing="0" class="line1">
            <tr>
                <td class="rank" id="ranksmall1"></td>
                <td class="marketshare" id="marketsharesmall1"></td>
                <td class="channel" id="channelsmall1"></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="line2">
            <tr>
                <td class="epg_title">
                    <span class="epg_title" id="epg_titlesmall1"></span>
                    <!--<span class="epg_title_marque" id="epg_title_marquesmall1"></span>-->
                </td>
                <td class="epg_start_end" id="epg_start_endsmall1"></td>
            </tr>
        </table>
    </div>
    <div class="item" id="itemsmall2" onClick="showFlyout('channelsmall2');" ondblclick="launchVLC('channelsmall2');" onmouseenter="setTitleMovingOn('epg_titlesmall2');" onmouseleave="setTitleMovingOff('epg_titlesmall2');">
        <table border="0" cellpadding="0" cellspacing="0" class="line1">
            <tr>
                <td class="rank" id="ranksmall2"></td>
                <td class="marketshare" id="marketsharesmall2"></td>
                <td class="channel" id="channelsmall2"></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="line2">
            <tr>
                <td class="epg_title">
                    <span class="epg_title" id="epg_titlesmall2"></span>
                    <!--<span class="epg_title_marque" id="epg_title_marquesmall2"></span>-->
                </td>
                <td class="epg_start_end" id="epg_start_endsmall2"></td>
            </tr>
        </table>
    </div>
    <div class="item" id="itemsmall3" onClick="showFlyout('channelsmall3');" ondblclick="launchVLC('channelsmall3');" onmouseenter="setTitleMovingOn('epg_titlesmall3');" onmouseleave="setTitleMovingOff('epg_titlesmall3');">
        <table border="0" cellpadding="0" cellspacing="0" class="line1">
             <tr>
                <td class="rank" id="ranksmall3"></td>
                <td class="marketshare" id="marketsharesmall3"></td>
                <td class="channel" id="channelsmall3"></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="line2">
           <tr>
                <td class="epg_title">
                    <span class="epg_title" id="epg_titlesmall3"></span>
                    <!--<span class="epg_title_marque" id="epg_title_marquesmall3"></span>-->
                </td>
                <td class="epg_start_end" id="epg_start_endsmall3"></td>
            </tr>
        </table>
    </div>
</div>

<table id="divConnection">
    <tr style="visibility: inherit;">
        <td style="visibility: inherit;">
            <img id="imgConnection" src="" />
            <div id="msgConnection">Connexion en cours ...</div>
            <!--<img id="imgConnection" src="" />-->
        </td>
    </tr>
</table>

<div id="navFAI" class="navFAI">
	
</div>
<div id="navHolder"  class="navHolder">
    <table border="0" cellpadding="0" cellspacing="0" width="78px" height="20px" style="background-image:url('img/navBack.png');">
        <tr>
            <td width="17px" align="center" valign="middle">
                <!--<a id="buttonLeftNarrator" href="javascript:void(0);" onclick="this.blur();">-->
                    <img id="buttonLeft" src="img/buttonUp_Off.png" border="0" onclick="action('prev');"
                        onmouseover="toggleButton(this, 'buttonUp_On.png');" onmouseout="toggleButton(this, 'buttonUp_Off.png');" />
                <!--</a>-->
            </td>
            <td width="44px" align="center" valign="middle" id="positionNumbers" style="color:white;font-family:Calibri;font-size:12px;">
            </td>
            <td width="17px" align="center" valign="middle">
                <!--<a id="buttonRightNarrator" href="javascript:void(0);" onclick="this.blur();">-->
                    <img id="buttonRight" src="img/buttonDown_Off.png" border="0" onclick="action('next');"
                        onmouseover="toggleButton(this, 'buttonDown_On.png');" onmouseout="toggleButton(this, 'buttonDown_Off.png');" />
                <!--</a>-->
            </td>
        </tr>
    </table>
</div>
<div id="navPlayer" class="navPlayer" title="Lancer VLC">
    
        <img id="imgPlayer" src="img/VLC_Off.png" border="0" onclick="launchMultiposte()"
            onmouseover="togglePlayerButton('On');" onmouseout="togglePlayerButton('Off');" />
            <!--<a id="player" href="javascript:void(0);"> onclick="this.blur();"  </a>-->
  
</div>
</body>
</html>